<script setup>
</script>

<template>
  <div class="footer">
    <p>© 2023 天气应用 | 数据来自网络</p>
    <div class="links">
      <a href="https://www.qweather.com/about/">关于我们</a>
      <a href="https://www.qweather.com/terms/privacy">隐私政策</a>
      <a href="https://www.qweather.com/terms/tos">使用条款</a>
    </div>
  </div>
</template>

<style scoped>
.footer {
  padding: 20px 0;
  text-align: center;
  background-color: #f5f5f5;
  border-top: 1px solid #e0e0e0;
  margin-top: 20px;
}

.footer p {
  margin-bottom: 10px;
  color: #666;
}

.links a {
  margin: 0 10px;
  color: #666;
  text-decoration: none;
}

.links a:hover {
  color: #333;
}
</style>